$border-color: #ebeef3;
$label-bgcolor: #f9fafd;
.context-warp {
  margin-bottom: 15px;
  border-bottom: 1px solid $border-color;
  border-right: 1px solid $border-color;
  overflow: hidden;
}
.page-form-item-label__text .icon {
  color: red;
}
.page-form-item {
  width: 25%;
  font-size: 14px;
  font-family: "PingFangSC";
  position: relative;
  border-top: 1px solid $border-color;
  vertical-align: top;
  height: 66px;
  color: #4d4d4d;
  float: left;
  display: flex;

.page-form-item-label {
  width: 120px;
  height: 100%;
}

.page-form-item-content {
  height: 100%;
  flex: 1;
  overflow: hidden;

  ::v-deep  .el-form-item {
  margin-bottom: 0;

    ::v-deep  .is-disabled .el-input__inner,
.el-textarea__inner,
.el-radio__label {
  color: #4d4d4d;
  /*background: #fff;*/
}
}

.text-box {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}

.slider-box {
  display: flex;
  justify-content: space-between;

&:first-child {
   flex: 1;
 }
}
}

.page-form-item-content-file {
  overflow-y: scroll;
}

.left-border {
  position: absolute;
  height: 100%;
  width: 1px;
  left: 0;
  top: 0;
  background-color: $border-color;
  z-index: 999;
}

&-label {
   display: inline-block;
   height: calc(100% - 16px);
   background-color: $label-bgcolor;
   border-right: 1px solid $border-color;
   border-left: 1px solid $border-color;
   text-align: center;

.require {
  display: inline-block;
  width: 8px;
  color: #f56c6c;
  vertical-align: -3px;
}

&__text {
   display: inline-block;
   vertical-align: middle;
   line-height: 1.3em;
   width: 80%;
 }

&::after {
   content: "";
   display: inline-block;
   vertical-align: middle;
   height: 100%;
 }
}

.border-right0 {
  border-right: 0;
}

&-content {
   display: inline-block;
   vertical-align: top;
   padding: 8px;
   height: calc(100% - 16px);

&.noLabel {
   border-left: 1px solid $border-color;
 }

&::after {
   content: "";
   display: inline-block;
   vertical-align: middle;
   height: 100%;
 }

&.align-top {
&::after {
   content: "";
   vertical-align: top;
 }
}

&.noPadding {
   padding: 0;
 }
}

  ::v-deep  .el-table th {
  background-color: $label-bgcolor;
}

  ::v-deep  .el-radio {
  margin-right: 15px;
}

  ::v-deep  .el-radio__label {
  font-size: 12px;
}

  ::v-deep  .el-input--small .el-input__inner {
  font-size: 12px;
}

  ::v-deep  .el-checkbox {
  font-size: 12px;
}

  ::v-deep  .el-checkbox__label {
  font-size: 12px;
  vertical-align: -2px;
}

  ::v-deep  .el-select {
  width: 100%;
}

  ::v-deep  .el-cascader {
  width: 100%;
}

  ::v-deep  .el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}

  ::v-deep  .el-form-item.is-success .el-input__inner,
  ::v-deep  .el-form-item.is-success .el-input__inner:focus,
  ::v-deep  .el-form-item.is-success .el-textarea__inner,
  ::v-deep  .el-form-item.is-success .el-textarea__inner:focus {
  border-color: #dcdfe6;
}

  ::v-deep  .el-textarea__inner {
  height: 80px;
}
}
